<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			img{
				width: 100px;
				height: 100px;
				transition: 1s;
			}
		</style>
	</head>
	<body>
		<div>
			<img id="img1" src="https://n.sinaimg.cn/news/transform/200/w100h100/20210521/e096-kqhwhrk6282299.png">
		</div>
		<div>
			<img id="img2" src="https://n.sinaimg.cn/news/transform/200/w100h100/20210521/f29f-kqhwhrk6284404.png">
		</div>
		<div>
			<img id="img3" src="https://n.sinaimg.cn/news/transform/200/w100h100/20210521/60fc-kqhwhrk6286448.png">
		</div>
		<script>
			let oImg1 = document.getElementById('img1');
			oImg1.onclick = function(){
				oImg1.style.width = '350px';
				oImg1.style.height = '150px';
			}
		</script>
	</body>
</html>
